/*
    MEDIA QUERY
*/

@media only screen and (max-width: 1600px) {
	
	#logoimage{
		margin-left:50px;
	}
	
	.html_carousel {
		width:90%;
		margin-left:4%;
	}
	
	#texto{
		width:80%;
		margin-left:13%;
	}
	
	.grupo_disweb, .grupo_tienda, .grupo_mantenimiento, .grupo_seosem, .grupo_disgrafico, .grupo_hosting{width:30%;}
	
	.presupuesto{
		width:75%;
		height:100px;
		margin-left:13%;
	}
	
	.wrapper{
		width:100%;
		margin-left:10%;
	}
	
	.contact{
		width:100%;
		margin-left:3%;
	}
	
	#cont{margin-left:5%;width:92%;}
	
	#nostext, #servtext, #graftext, #tiendatext, #mantext, #hostext, #seosemtext{
		width:60%;
	}
	#semimg, #seoimg, #nosimg, #servimg, #tiendaimg, #manimg,  #hosimg, #seosemimg{
		
		margin-right:0%;
	}
	
	#cookietext{
		width:80%;
	}
	
	
	
	#grafimg{
		margin-right:10%;
	}	
	.titulo h1{
		margin-left:13%;
	}
	
	
	
}



@media only screen and (max-width: 1260px) {
	.grupo_disweb h3, .grupo_tienda h3, .grupo_mantenimiento h3, .grupo_seosem h3, .grupo_disgrafico h3, .grupo_hosting h3{
		/*margin-top:1%;*/
		font-size:20px;
	}
	
	
	.solicitar{
		margin-top:3%;
	}
	
	.solicitar:active{
		-webkit-box-shadow: none ;
		-moz-box-shadow: none ;
		box-shadow: none ;
		margin-top:3.1%;
	}
	
}

@media only screen and (max-width: 1125px) {
	.grupo_disweb h3, .grupo_tienda h3, .grupo_mantenimiento h3, .grupo_seosem h3, .grupo_disgrafico h3, .grupo_hosting h3{
		/*margin-top:1%;*/
		font-size:18px;
	}
	
}

@media only screen and (max-width: 1080px) {
	.grupo_disweb, .grupo_tienda, .grupo_mantenimiento, .grupo_seosem, .grupo_disgrafico, .grupo_hosting{
		width:100%;
	}
	
	.grupo_disweb h3, .grupo_tienda h3, .grupo_mantenimiento h3, .grupo_seosem h3, .grupo_disgrafico h3, .grupo_hosting h3{
		font-size:24px;
		margin-top:1%;
		margin-bottom:1%
	}
	
	.solicitar{
		margin-top:4%;
	}
	
	.solicitar:active{
		-webkit-box-shadow: none ;
		-moz-box-shadow: none ;
		box-shadow: none ;
		margin-top:4.1%;
	}
	
	
	#cont{
		width:90%;
	}
	#seotext, #semtext, #nostext, #servtext, #tiendatext, #mantext, #hostext, #seosemtext, #graftext,#cookietext{
		width:100%;
	}
	
	#seoimg, #semimg, #nosimg, #servimg, #tiendaimg, #manimg, #hosimg, #seosemimg, #grafimg{
		display:none;
	}
	
	.imgmov{
		display:block;
	}
	
	#logoimage{
		margin-left:20px;
	}
	
}

@media only screen and (max-width: 1000px) {
    h2{font-size: 40px;}
	/*.contacto{
		margin-left:30%;
	}*/
}

@media only screen and (max-width: 860px) {
	header h1{
		font-size:110%;
	}
	
	header h2{
		font-size:80%;
	}
}

@media only screen and (max-width: 850px) {
	.grupo_disweb h3, .grupo_tienda h3, .grupo_mantenimiento h3, .grupo_seosem h3, .grupo_disgrafico h3, .grupo_hosting h3{
		margin-bottom:2%
	}
	/*.contacto{
		margin-left:20%;
	}*/
}

@media only screen and (max-width: 720px) {
	
	
	
	#logo{
		width:150px;
		display:block;
		margin:auto;
		margin-bottom:5%;
	}
	
	nav{
		width:100%;
	}
	
	header h1{
		font-size:100%;
		margin-bottom:5%;
	}
	
	header h2{
		font-size:60%;
	}
	.grupo_disweb h3, .grupo_tienda h3, .grupo_mantenimiento h3, .grupo_seosem h3, .grupo_disgrafico h3, .grupo_hosting h3{
		margin-bottom:5%;
	}
	
	.presupuesto{
		height:120px;
	}
	
	.solicitar{
		margin-top:5%;
	}
	
	.solicitar:active{
		-webkit-box-shadow: none ;
		-moz-box-shadow: none ;
		box-shadow: none ;
		margin-top:5.1%;
	}
	
	.titulo h1{
		font-size:30px;
	}
	
	
	/*.contacto{
		margin-left:10%;
	}*/

}



@media only screen and (max-width: 683px) {
	
	#aviso{
		margin-top:350px !important;
		margin-bottom:100px !important;
		width:100% !important;
	}
	
	.wrapper{
		width:100%;
		margin-left:3%;
	}
	
	.pres_txt{
		width:60%;
		
	}
	
	.pres_txt h3{
		font-size:19px;
		
	}
	.pres_txt h4{
		font-size:15px;
		
	}
	
	.solicitar{
		width:90px;
		height:15px;
		font-size:17px;
		margin-top:8%;
	}
	
	.solicitar:active{
		-webkit-box-shadow: none ;
		-moz-box-shadow: none ;
		box-shadow: none ;
		margin-top:8.1%;
	}
	
	#cookietext ul{
	list-style:disc;
	margin-left:3%;
	}
	
	.mapa h3, .servicio h3, .contacto h3{font-size:15px; font-weight:900; }
	.mapa, .servicio, .contacto{font-size:13px;}
}

@media only screen and (max-width: 600px) {
	
	
	/*.grupo h3{
		margin-bottom:10%
	}*/
	#logoimage{
		/*width:180px;
		height:56px;*/
		width:200px;
		height:90px;
		margin-left:-10px;
	}
	
	.formulario{
		height:780px !important;
	}
	
	.formleft{
		float:none !important;
	}
	
	.formright{
		float:none !important;
	}
	
	.listar{
		width:100% !important;
	}
	
	
	
	#aviso{
		margin-top:50px !important;
		margin-bottom:100px !important;
		width:100% !important;
	}
	
	
}

@media only screen and (max-width: 590px) {
	
	
	.grupo_disweb h3, .grupo_tienda h3, .grupo_mantenimiento h3, .grupo_seosem h3, .grupo_disgrafico h3, .grupo_hosting h3{
		margin-bottom:11%
	}
	
	
}

@media only screen and (max-width: 580px) {
	.presupuesto{
		height:140px;
	}
	.pres_txt{
		width:100%;
		float:none;
	}
	
	.solicitar{
		margin-top:1%;
		margin-bottom:1%;
		margin-left:5%;
		float:none;
	}
	
	.solicitar:active{
		-webkit-box-shadow: none ;
		-moz-box-shadow: none ;
		box-shadow: none ;
		margin-top:1%;
	}
	
	
	
}

@media only screen and (max-width: 550px) {
	.contact{
	height:90px;
	}	
	
	.social{
		float:left;
		width:120px;
		margin-left:9%;
	}
	
	.presupuesto{
		width:80%;
		height:160px;
	}
	.pres_txt{
		/*width:50%;*/
		padding-right:2%;
	}
	
	.imgmov{
		width:110px;
		height:70px;
	}
	
	.formulario{
		height:820px !important;
	}
	
	.wrapper{
	height:420px;
	
	}
}

@media only screen and (max-width: 500px) {
		
	.icon{float:left;}
	
	
}

@media only screen and (max-width: 460px) {
	.presupuesto{
		/*height:180px;*/
	}
	
	/*.solicitar{
		margin-top:20%;
	}*/
	
	.solicitar:active{
		-webkit-box-shadow: none ;
		-moz-box-shadow: none ;
		box-shadow: none ;
		/*margin-top:20.1%;*/
	}
	
	#cookietext ul{
	list-style:disc;
	margin-left:3%;
	font-size:12px;
	
	}
}

@media only screen and (max-width: 400px) {
	.presupuesto{
		/*height:200px;*/
	}
		
	.solicitar{
		width:85px;
		height:10px;
		padding-bottom:15px;
		font-size:16px;
		/*margin-top:25%;^*/
	}
	
	.solicitar:active{
		-webkit-box-shadow: none ;
		-moz-box-shadow: none ;
		box-shadow: none ;
		/*margin-top:25.1%;*/
	}
	
	.pres_txt h3{
		font-size:18px;
	}
	.pres_txt h4{
		font-size:14px;
	}
}
	
@media only screen and (max-width: 380px) {
	.presupuesto{width:85%;}
	
	.pres_txt h3{font-size:17px;}
	
	.solicitar{
		width:80px;
		height:10px;
		/*padding-bottom:15px;*/
		font-size:16px;
		/*margin-top:25%;*/
		
	}
	.solicitar:active{
		-webkit-box-shadow: none ;
		-moz-box-shadow: none ;
		box-shadow: none ;
		/*margin-top:25.1%;*/
	}
	
	#cookietext ul{
	
	
	}
	
	.formulario{
		height:820px !important;
		margin-bottom:150px !important;
	}
}

@media only screen and (max-width: 300px) {
	#logoimage{
		/*width:180px;
		height:56px;*/
		margin-top:20px;
		width:130px;
		height:55px;
		margin-left:-10px;
	}
}